.modal {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: $z-index-third;
  background: rgb(128 125 125 / 50%);
  &-inner {
    width: 30%;
    background: $background-color-base;
    &_title {
      color: #000;
      font-size: $font-size-lg;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #e5e6eb;
      padding: $padding-base * 2;
    }
    &_content {
      padding: 10px;
      border-bottom: 1px solid #e5e6eb;
      .modal-inner_items {
        display: flex;
        align-items: flex-start;
        margin: 2em 0;
        > label {
          width: 60px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          margin-right: 10px;
          i {
            font-size: 12px;
            color: #f53f3f;
            margin-right: 4px;
          }
        }
      }
      .modal-inner_items.tag {
        align-items: center;
      }
      .modal-inner_items.cover {
        textarea {
          padding: 4px;
          border: 1px solid #e5e6eb;
        }
      }
    }
    &_options {
      padding: $padding-base * 2;
      display: flex;
      justify-content: flex-end;
      button {
        padding: 4px $padding-base;
        margin: 0 4px;
        border-radius: $border-radius;
      }
      button.primary {
        color: #fff;
        border: 1px solid #409eff;
        background: #409eff;
      }
      button.cancel {
        color: #409eff;
        border: 1px solid #409eff;
        background: #fff;
      }
    }
  }
}
